<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
		<title>接任务</title>
	</head>
	<link rel="stylesheet" href="font/iconfont.css" />
	<link rel="stylesheet" href="css/css.css" />
	<link rel="stylesheet" href="dist/lib/weui.min.css">
	<link rel="stylesheet" href="dist/css/jquery-weui.min.css">
	<link rel="stylesheet" href="js/layui/css/layui.css" />
	<script type="text/javascript" src="dist/lib/jquery-2.1.4.js" ></script>
	<script src="dist/js/jquery-weui.min.js"></script>
	<script type="text/javascript" src="js/layui/layui.js" ></script>
	<script type="text/javascript" src="dist/lib/fastclick.js"></script>	
	<script src="js/fanhui.js"></script>
	<style>
.index-layer{
position: fixed;
top: 50%;
left: 50%;
width:80%;
height:45%;  
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius:10px;
background-color:#fff;
}
.index-layer_colse{}
.box-bg{ width: 100%; height: 100%;position:fixed;background:rgba(0,0,0,0.7);z-index:10000;}
.index-layer{padding:10px; text-align: center;color: #fff;display: block;}
.index-layer h1{ font-size:0.8rem;font-weight: normal;letter-spacing:1px;padding: 10px 10px 15px 10px;color:#FF6726; border-bottom: 1px solid #EDEDED; margin-bottom: 10px;}
/*.index-layer h2{color:#FF6726; padding:5px;}*/
.index-layer .close{font-size:1.2rem;right:10px;top:0px;position: absolute;}
.index-layer .yaoqing_list{font-weight:normal;background-color: #fff;color:#FDBB97;border-radius: 10px;overflow: hidden;padding:0px 0px 15px 0px;}
.index-layer .yaoqing_total{ padding-bottom:10px; color:#FEE9E4;}
.index-layer .col-1{color:#575757;}
.index-layer .col-2{color:#333;}
.index-layer .yaoqing_total .weui-col-100{font-size:0.6rem!important;margin: 5px 20px;}
.yaoqing_total i.left{color: #666; line-height:1.7rem;}
.yaoqing_total i.right{line-height:1.7rem;}
.yaoqing_total .weui-col-100{border-bottom: 1px solid #FDBB97;}
.index-layer  .go-start{background-color: #FF6726; font-size:1rem;color: #fff; margin: 0 auto; border-radius: 50%; padding: 10px; margin-top: 10px;}

/*.layer-list th{font-weight: normal;color:#FF6726;font-size: 0.6rem; text-align:center;}
.layer-list td{font-weight: normal;color:#FF6726;font-size: 0.6rem; padding:2px;}
.layer-list i{background-color:#FDB5B6;border-radius: 2px; width:0.8rem; height:0.8rem;color:#DA6E4C;font-size:0.6rem; margin: 0 auto;
vertical-align:middle;display: block;line-height: 0.8rem;
}*/
  </style>
	<style>
		.weui-switch, .weui-switch-cp__box{ height:22px;}
		.weui-switch-cp__box:before, .weui-switch:before{height: 20px;}
		.weui-switch-cp__box:after, .weui-switch:after {height: 20px;}
		.weui-switch-cp__input:checked~.weui-switch-cp__box, .weui-switch:checked {border-color: #fc584c;background-color: #fc584c;}
		.weui-cell_switch{padding:10px 15px;}
		.weui-slider{padding: 0px 0px 15px !important;}
		.weui-slider__track{background-color: #FF6726;}
		.toolbar, .toolbar .title{font-size:0.75rem;}
		.toolbar .close-select{color: #FF6726;}
		.layui-upload-img{width:100%;overflow:60px;height:100%;/*background: no-repeat 50%;*/background-size: cover;}
		.layui-upload{position: relative;}
		#upload_1,#upload_2,#upload_3,#upload_4{position: absolute;left:0px;top:0px;right:0px;bottom:0px; z-index: 10;}		
		.weui-cells_radio .weui-check:checked+.weui-icon-checked:before{color: #FF6726 !important;}	
		
		.btn{
    text-decoration: none;
    line-height: 46px;
    padding: 0 40px 0 40px;
    position: absolute;
    text-align: center;
    display: inline-block;
    background-color: #fd295b;
    color: #fff;
    font-weight: 500;
    border-radius: 23px;
    font-size: 16px;
    transition:  all 0.5s linear;
    -o-transition:  all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s ease;
  overflow: hidden;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 50px;
}

.btn__icon{
    width:50px;
    height: 50px;
    background-color: transparent;
    border: 0px solid #319bef;
    border-radius: 100%;
    display: inline-block;
    top: 0px;
    position: absolute;
    left: 30%;
}
.btn .btn__icon:before{
    content: '';
    left:0px;
    top:0px;
    position: absolute;
    transition:  all 0.3s linear;
    -o-transition:  all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
}
.btn .btn__icon:after{
    content: '';
    top: 0px;
    left: 0px;
    position: absolute;
    transition:  all 0.3s linear;
    -o-transition:  all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.btn--waiting{ background-color: transparent;}

.btn--waiting .btn__icon{background-color: transparent;}




/*动态旋转的图片*/
.btn--waiting .btn__icon:after{
  width:50px;
  height:50px;
  top: 0px;
  left: 0px;
  border-radius:50%;
  animation:rotation infinite linear 0.5s;
  transition:none;
  border-top: 2px solid transparent;
  border-left: 2px solid #fd295b;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  z-index: 0;
}
.btn--activated {background-color: transparent;}
.btn--waiting .btn__text{color: transparent;}
.btn--waiting .btn__text:after{top: -13px;z-index: 1;}
.btn--activated .btn__text:before{top: -13px;z-index: 1;}
.btn--activated .btn__text{color: transparent;}
@keyframes rotation {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

@keyframes activated {
  0% {
    background-position-y: 34px;
  }
  100% {
    background-position-y: center;
  }
}
		
				
	</style>
	<body ontouchstart style="background-color:#f7f7f7;" >
		<!--成功接到任务后弹出-->
	<script>
		function orderopen(){
			//$("body").css({"position":"fixed"});
			$(".box-bg").show();
			$(".index-layer").show(300,"swing",function(){
				//var div1 = $(".index-layer h1").height();
				var div2 = $(".wbox").height();
				div3 = div2;
				$(".index-layer").height(div3);	
			});
		}
		$(document).on("click",".index-layer .close",function(){
	 		$(".box-bg").hide();
	 		$("body").attr("style","position:none;");		
		})
	</script>
	<div class="box-bg" style="display: none;">
		<div class="index-layer" style="display: none;">
			<div class="wbox">
				<h1 class="center-block">来任务了</h1>
				<div class="weui-row yaoqing_total">
					<div class="weui-col-100"><i class="txt-lt font-sm-color1 left">任务类型：</i><i class="font-sm-color1 txt-rt right">手机淘宝任务</i></div>
					<div class="weui-col-100"><i class="txt-lt font-sm-color1 left">垫付金额：</i><i class="font-sm-color1 txt-rt right">116元</i></div>
					<div class="weui-col-100"><i class="txt-lt font-sm-color1 left">任务佣金：</i><i class="font-sm-color1 txt-rt right">6.00金</i></div>
					<div class="weui-col-100"><i class="txt-lt font-sm-color1 left">时间限制：</i><i class="font-sm-color1 txt-rt right">60分钟</i></div>
					<a class="go-start">GO</a>
				</div>	
			</div>
			
		</div>
	</div>

		<header class="wy-header bg">
			<div class="wy-header-icon-back">
				<a href="javascript:history.back(-1)"><i class="iconfont icon-left6"></i></a>
			</div>
			<div class="wy-header-title">接任务</div>
		</header>
		<div class="weui-cells jiedan_page1" style="margin-top:-1px;font-size: 14px;">
			<div class="weui-cell" style="padding-left:5px;">
				<div class="weui-cell__hd" style="position: relative;margin-right: 10px;"></div>
				<div class="weui-cell__bd">
					<p style="padding-bottom:8px;">ID:74631<a class="guize open-popup" data-target="#guize" href="javascript:;">查看接单规则</a></p>
					<p style="font-size:0.4rem;color: #888888;">设置好每个平台模式，可以自由组合多个平台接单哦</p>
				</div>
			</div>
			<div class="weui-cell weui-cell_switch">
				<div class="weui-cell__hd" style="position: relative;margin-right: 10px;">
					<img src="dist/demos/images/avatar.jpg" style="width:25px;display: block;border-radius: 50%;">
				</div>
		        <div class="weui-cell__bd">
		        <a href="JavaScript:;" class="open-popup" data-target="#jiedanshezhi">
		        	<p>请先选择淘宝号</p>
					<p style="font-size: 13px;color: #888888;">今日暂未接单</p>
				</a>	
		        </div>
		        <div class="weui-cell__ft">
		            <label for="switchCP" class="weui-switch-cp">
			            <input id="switchCP" class="weui-switch-cp__input" type="checkbox" checked="checked">
			            <div class="weui-switch-cp__box"></div>
		            </label>
		        </div>
		    </div>
		</div>
		
<!--		<a class="jdbtn" href="javascript:;" onclick="orderopen()">接单</a>
-->		  <a href="#" class="btn btn--activate" id="btnActivation">
        <span class="btn__icon"></span>
        <span class="btn__text" data-wait="Waiting" >接单</span>
       </a>
		
	<script>
		$(document).ready(function(){
  $('#btnActivation').click(function(){
    if(!$('#btnActivation').hasClass(('btn--activated'))){
         $('#btnActivation').removeClass('btn--activate');
    $('#btnActivation').addClass('btn--waiting');
    setTimeout(function(){
    	
      removeWaiting();
      orderopen()
    }, 10000000000000); 
    }

  });
  
  function removeWaiting(){
      $('#btnActivation').removeClass('btn--waiting');
      $('#btnActivation').addClass('btn--activated');
  }
  
});
	</script>	
		
		<!--查看接单规则-->
		<div id="guize" class='weui-popup__container'>
			<div class="weui-popup__overlay"></div>
			<div class="weui-popup__modal" style=" background-color: #fff;">
				<header class="wy-header bg">
					<div class="wy-header-icon-back">
						<a href="javascript:;" class="close-popup"><i class="iconfont icon-left6"></i></a>
					</div>
					<div class="wy-header-title">查看接单规则</div>
				</header>
				

			</div>
		</div>
		<!--选择淘宝号/淘宝接单设置-->
		<div id="jiedanshezhi" class='weui-popup__container'>
			<div class="weui-popup__overlay"></div>
			<div class="weui-popup__modal" style=" background-color: #f7f7f7;">
				<header class="wy-header bg">
					<div class="wy-header-icon-back">
						<a href="javascript:;" class="close-popup"><i class="iconfont icon-left6"></i></a>
					</div>
					<div class="wy-header-title">淘宝接单设置</div>
				</header>
				
				<div class="weui-cell bg" style="margin-top:-1px;">
					<div class="weui-cell__bd">
						<!--<p style="padding-bottom:8px;">ID:74631<a class="guize open-popup" data-target="#guize" href="javascript:;">查看接单规则</a></p>-->
						<p class="font-sm-color2 open-popup" data-target="#guize">淘宝接单账号选择(必选)</p>
					</div>
				</div>
				
				<div class="weui-cells weui-cells_radio">
					<label class="weui-cell weui-check__label" for="x11">
				        <div class="weui-cell__bd">
				           <p class="font-sm-color2">托尼乔巴</p>
				        </div>
				        <div class="weui-cell__ft">
				           <input type="radio" class="weui-check" name="taobaoID" id="x11">
				           <span class="weui-icon-checked"></span>
				        </div>
				    </label>
					<label class="weui-cell weui-check__label" for="x12">
				        <div class="weui-cell__bd">
				           <p class="font-sm-color2">托尼乔巴</p>
				        </div>
				        <div class="weui-cell__ft">
				           <input type="radio" name="taobaoID" class="weui-check" id="x12" checked="checked">
				           <span class="weui-icon-checked"></span>
				        </div>
				    </label>
				</div>
				
				
				
				<div class="weui-cell bg" style="margin-top:-1px;">
					<div class="weui-cell__bd">
						<!--<p style="padding-bottom:8px;">ID:74631<a class="guize open-popup" data-target="#guize" href="javascript:;">查看接单规则</a></p>-->
						<p class="font-sm-color1 txt-center open-popup" data-target="#addID_taobao">添加账号</p>
					</div>
				</div>
				<div class="weui-cells" style="margin-top:5px;">
					<div class="weui-cell bg">
						<div class="weui-cell__bd">
							<p class="font-sm-color2">选择任务属性</p>
						</div>
					</div>
					<div class="weui-cell bg">
						<div class="weui-cell__bd typelist">
							<input type="radio" name="type1" id="type1_1" class="typeclass">
							<label for="type1_1">全部</label>
							<input type="radio" name="type1" id="type1_2" class="typeclass">
							<label for="type1_2">普通任务</label>
							<input type="radio" name="type1" id="type1_3" class="typeclass">
							<label for="type1_3">特别任务</label>
						</div>
					</div>
				</div>
				<div class="weui-cells" style="margin-top:5px;">
					<div class="weui-cell bg">
						<div class="weui-cell__bd">
							<p class="font-sm-color2">选择操作设备</p>
						</div>
					</div>
					<div class="weui-cell bg">
						<div class="weui-cell__bd typelist">
							<input type="radio" name="type2" id="type2_1" class="typeclass">
							<label for="type2_1">全部</label>
							<input type="radio" name="type2" id="type2_2" class="typeclass">
							<label for="type2_2">手机</label>
							<input type="radio" name="type2" id="type2_3" class="typeclass">
							<label for="type2_3">电脑</label>
						</div>
					</div>
				</div>
				<div class="weui-cells" style="margin-top:5px;">
					<div class="weui-cell bg">
						<div class="weui-cell__bd">
							<p class="font-sm-color2">选择任务平台</p>
						</div>
					</div>
					<div class="weui-cell bg">
						<div class="weui-cell__bd typelist">
							<input type="radio" name="type3" id="type3_1" class="typeclass">
							<label for="type3_1">全部</label>
							<input type="radio" name="type3" id="type3_2" class="typeclass">
							<label for="type3_2">淘宝</label>
							<input type="radio" name="type3" id="type3_3" class="typeclass">
							<label for="type3_3">天猫</label>
						</div>
					</div>
				</div>
				<div class="weui-cells" style="margin-top:5px;">
					<div class="weui-cell bg">
						<div class="weui-cell__bd">
							<p class="font-sm-color2">选择任务类型</p>
						</div>
					</div>
					<div class="weui-cell bg">
						<div class="weui-cell__bd typelist">
							<input type="radio" name="type4" id="type4_1" class="typeclass">
							<label for="type4_1">全部</label>
							<input type="radio" name="type4" id="type4_2" class="typeclass">
							<label for="type4_2">垫付任务</label>
							<input type="radio" name="type4" id="type4_3" class="typeclass">
							<label for="type4_3">浏览任务</label>
						</div>
					</div>
				</div>
				
				<div class="weui-cells" style="margin-top:5px;">
					<div class="weui-cell bg">
						<div class="weui-cell__bd">
							<p class="font-sm-color2">选择垫付金额 <i class="font-sm-color1">选择范围：0~100000</i></p>
						</div>
					</div>
					<div class="weui-cell bg">
						<div class="weui-cell__bd typelist">
							<input type="radio" name="type5" id="type5_1" class="typeclass1">
							<label for="type5_1">0-150</label>
							<input type="radio" name="type5" id="type5_2" class="typeclass1">
							<label for="type5_2">150-550</label>
							<input type="radio" name="type5" id="type5_3" class="typeclass1">
							<label for="type5_3">550-950</label>
							<input type="radio" name="type5" id="type5_4" class="typeclass1">
							<label for="type5_4">950-10000</label>
						</div>
					</div>
				</div>
				<div class="weui-cells" style="margin-top:5px;">
					<div class="weui-cell bg">
						<div class="weui-cell__bd">
							<p class="font-sm-color2">选择返款方式</p>
						</div>
					</div>
					<div class="weui-cell bg">
						<div class="weui-cell__bd typelist">
							<input type="radio" name="type6" id="type6_1" class="typeclass">
							<label for="type6_1">全部</label>
							<input type="radio" name="type6" id="type6_2" class="typeclass">
							<label for="type6_2">平台返款</label>
							<input type="radio" name="type6" id="type6_3" class="typeclass">
							<label for="type6_3">商家返款</label>
						</div>
					</div>
				</div>
				<div class="weui-cell" style="margin-top:-5px;">
					<button type="submit" class="weui-btn addID_tbn">立即保存</button>
				</div>
			</div>
		</div>
		<!--绑定添加淘宝号-->
		<div id="addID_taobao" class='weui-popup__container'>
			<div class="weui-popup__overlay"></div>
			<div class="weui-popup__modal" style=" background-color: #f7f7f7;">
				<header class="wy-header bg">
					<div class="wy-header-icon-back">
						<a href="javascript:;" class="close-popup"><i class="iconfont icon-left6"></i></a>
					</div>
					<div class="wy-header-title">绑定淘宝账号</div>
				</header>
				<div class="weui-cells" style="margin-top:5px;">
					<div class="weui-cell bg" style="margin-top:-1px;">
						<div class="weui-cell__bd">
							<p class="font-sm-color3">注意事项</p>
						</div>
					</div>
					<div class="weui-cell bg" style="margin-top:-1px;">
						<div class="weui-cell__bd">
							<p class="font-sm-color2 txt-lt">账号审核时间<i class="font-sm-color1">周一至周五9:00 - 18:00</i>
								账号提交一个工作日内完成审核，如遇周末或者节假日顺延，审核工作人工进行，新手务必查看<i class="font-sm-color1 open-popup" data-target="#jietudemo">截图实例</i></p>
						</div>
					</div>
				</div>
				<div class="weui-cells" style="margin-top:5px;">
					<div class="weui-cell bg" style="margin-top:-1px;">
						<div class="weui-cell__bd">
							<p class="font-sm-color3">账号信息</p>
						</div>
					</div>
					<div class="weui-cell bg">
						<div class="weui-cell__bd">
							<input type="text" placeholder="请输入淘宝账号" class="weui-input font-sm-color1"/>	
						</div>
					</div>
					<div class="weui-cell bg">
						<div class="weui-cell__bd">
							<input type="text" placeholder="收货人姓名" class="weui-input font-sm-color1"/>	
						</div>
					</div>
					<div class="weui-cell bg">
						<div class="weui-cell__bd">
							<input type="tel" placeholder="收货人手机" class="weui-input"/>	
						</div>
					</div>
					<div class="weui-cell bg" style="margin-top:-1px;">
						<div class="weui-cell__bd">
							<input type="code" placeholder="请输入手机验证码" class="weui-input"/>	
						</div>
					</div>
					<div class="weui-cell bg" style="margin-top:-1px;">
						<div class="weui-cell__bd">
							<input type="city" placeholder="请选择城市" class="weui-input"/>	
						</div>
					</div>
					<div class="weui-cell bg" style="margin-top:-1px;">
						<div class="weui-cell__bd">
							<input type="address" placeholder="请输入详细地址" class="weui-input"/>	
						</div>
					</div>
				</div>
				<div class="weui-cells" style="margin-top:5px;">
					<div class="weui-cell bg" style="margin-top:-1px;">
						<div class="weui-cell__bd">
							<p class="font-sm-color3">号码属性(与实名认证的身份证信息一致)</p>
						</div>
					</div>
					
					<div class="weui-cells weui-cells_form" style="margin-top:-1px;">
					    <div class="weui-cell">
				        	<div class="weui-cell__hd">
				        		<label for="name" class="weui-label">性别</label>
				        	</div>
				        	<div class="weui-cell__bd">
					          	<input class="weui-input" id="xingbie" type="text" value="" placeholder="请选择性别">
					        </div>
				        </div>
				        <div class="weui-cell">
				        	<div class="weui-cell__hd">
				        		<label for="name" class="weui-label">年龄</label>
				        	</div>
				        	<div class="weui-cell__bd">
					          	<input class="weui-input" id="age" type="text" value="" placeholder="请输入你的年龄">
					        </div>
				        </div>
				      
				        <div class="weui-cell">
				        	<div class="weui-cell__hd">
				        		<label for="name" class="weui-label">信誉</label>
				        	</div>
				        	<div class="weui-cell__bd">
					          	<input class="weui-input" id="xinyu" type="text" value="" placeholder="请选择信誉">
					        </div>
				        </div>
				        
				        <div class="weui-cell">
				        	<div class="weui-cell__hd">
				        		<label for="name" class="weui-label">淘气值</label>
				        	</div>
				        	<div class="weui-cell__bd">
					          	<input class="weui-input" id="taoqizhi" type="text" value="" placeholder="请选择淘气值">
					        </div>
				        </div>
				        
				        <div class="weui-cell">
				        	<div class="weui-cell__hd">
				        		<label for="name" class="weui-label">订单编号</label>
				        	</div>
				        	<div class="weui-cell__bd">
					          	<input class="weui-input" id="ordercode" type="text" value="" placeholder="请输入你的淘宝中任意订单的订单编号">
					        </div>
				        </div>
				        
				        <div class="weui-cell">
				        	<div class="weui-cell__hd">
				        		<label for="name" class="weui-label">购物类目</label>
				        	</div>
				        	<div class="weui-cell__bd">
					          	<input class="weui-input" id="gouwuleimu" type="text" value="" placeholder="请选择经常购物的3-5个购物类目">
					        </div>  
				        </div>  
					</div>
						
					<div class="weui-cell bg" style="margin-top:-1px;">
						<div class="weui-cell__bd">
							<p class="font-sm-color3 txt-center">点击上传图片(上传后，点击看大图)</p>
							<p class="font-sm-color1 txt-center open-popup" data-target="#upload_demo">截图实例</p>
						</div>
					</div>
							
					<div class="weui-row" style="padding: 0px 15px 0px 15px;">
						<div class="weui-col-25">
							<div class="layui-upload">
							  	<div class="layui-upload-list">
							    	<img class="layui-upload-img" id="upload_img1" src="img/pic_160.png">
							    	<p id="Text1" style="display: none;"></p>
							  	</div>
							  	<p class="" id="upload_1"></p>
							</div>
							<p class="txt-center font-sm-color2">信誉等级</p>
						</div>
						<div class="weui-col-25">
							<div class="layui-upload">
								
								<div class="layui-upload-list">
								
									<img class="layui-upload-img" id="upload_img2" src="img/pic_160.png">
									<p id="Text2" style="display: none;"></p>
								</div>
								<p class="" id="upload_2"></p>
							</div>
							<p class="txt-center font-sm-color2">淘气值</p>
						</div>
						<div class="weui-col-25">
							<div class="layui-upload">
								
								<div class="layui-upload-list">
									<img class="layui-upload-img" id="upload_img3" src="img/pic_160.png">
									<p id="Text3" style="display: none;"></p>
								</div>
								<p class="" id="upload_3"></p>
							</div>
							<p class="txt-center font-sm-color2">实名认证</p>
						</div>
						<div class="weui-col-25">
							<div class="layui-upload">
								<div class="layui-upload-list">
									<img class="layui-upload-img" id="upload_img4" src="img/pic_160.png">
									<p id="Text4" style="display: none;"></p>
								</div>
								<p class="" id="upload_4"></p>
							</div>
							<p class="txt-center font-sm-color2">花呗</p>
						</div>
						<div class="weui-col-100 font-sm-color1 p10 txt-center">
							花呗：选填，开通花呗账号接单可获得更过佣金
						</div>
					</div>
					<div style="margin: 0px 15px;">
						<button type="submit" class="weui-btn addID_tbn">提交审核</button>
					</div>	
				</div>
			</div>
		</div>
		
		<!--截图实例-->
		<div id="upload_demo" class='weui-popup__container'>
			<div class="weui-popup__overlay"></div>
			<div class="weui-popup__modal" style=" background-color: #fff;">
				<header class="wy-header bg">
					<div class="wy-header-icon-back">
						<a href="javascript:;" class="close-popup"><i class="iconfont icon-left6"></i></a>
					</div>
					<div class="wy-header-title">淘宝截图实例</div>
				</header>
				
				。。。。

			</div>
		</div>
		<script>
			layui.use('upload', function(){
			  var $ = layui.jquery
			  ,upload = layui.upload;
			  
			  //普通图片上传
			  var uploadInst = upload.render({
			    elem: '#upload_1'
			    ,url: '/upload/'
			    ,before: function(obj){
			      //预读本地文件示例，不支持ie8
			      obj.preview(function(index, file, result){
			        $('#upload_img1').attr('src', result); //图片链接（base64）
			      });
			    }
			    ,done: function(res){
			      //如果上传失败
			      if(res.code > 0){
			        return layer.msg('上传失败');
			      }
			      //上传成功
			    }
			    ,error: function(){
			      //演示失败状态，并实现重传
			      var demoText = $('#Text11');
			      demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
			      demoText.find('.demo-reload').on('click', function(){
			        uploadInst.upload();
			      });
			    }
			  });
			  
			  //普通图片上传
			  var uploadInst = upload.render({
			    elem: '#upload_2'
			    ,url: '/upload/'
			    ,before: function(obj){
			      //预读本地文件示例，不支持ie8
			      obj.preview(function(index, file, result){
			        $('#upload_img2').attr('src', result); //图片链接（base64）
			      });
			    }
			    ,done: function(res){
			      //如果上传失败
			      if(res.code > 0){
			        return layer.msg('上传失败');
			      }
			      //上传成功
			    }
			    ,error: function(){
			      //演示失败状态，并实现重传
			      var demoText = $('#Text2');
			      demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
			      demoText.find('.demo-reload').on('click', function(){
			        uploadInst.upload();
			      });
			    }
			  });
			  
			  //普通图片上传
			  var uploadInst = upload.render({
			    elem: '#upload_3'
			    ,url: '/upload/'
			    ,before: function(obj){
			      //预读本地文件示例，不支持ie8
			      obj.preview(function(index, file, result){
			        $('#upload_img3').attr('src', result); //图片链接（base64）
			      });
			    }
			    ,done: function(res){
			      //如果上传失败
			      if(res.code > 0){
			        return layer.msg('上传失败');
			      }
			      //上传成功
			    }
			    ,error: function(){
			      //演示失败状态，并实现重传
			      var demoText = $('#Text3');
			      demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
			      demoText.find('.demo-reload').on('click', function(){
			        uploadInst.upload();
			      });
			    }
			  });
			  
			  //普通图片上传
			  var uploadInst = upload.render({
			    elem: '#upload_4'
			    ,url: '/upload/'
			    ,before: function(obj){
			      //预读本地文件示例，不支持ie8
			      obj.preview(function(index, file, result){
			        $('#upload_img4').attr('src', result); //图片链接（base64）
			      });
			    }
			    ,done: function(res){
			      //如果上传失败
			      if(res.code > 0){
			        return layer.msg('上传失败');
			      }
			      //上传成功
			    }
			    ,error: function(){
			      //演示失败状态，并实现重传
			      var demoText = $('#Text4');
			      demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
			      demoText.find('.demo-reload').on('click', function(){
			        uploadInst.upload();
			      });
			    }
			  });
			  
			});
		</script>


		
		<script>
			$(".typeclass,.typeclass1").on("click",function(){
				$(this).next().trigger("click");	
			})
			
		      //性别
		      $("#xingbie").select({
		        title: "请选择性别",
		        items: ["男", "女"],
		        onChange: function(d) {
		          console.log(this, d);
		        },
		        onClose: function() {
		          console.log("close");
		        },
		        onOpen: function() {
		          console.log("open");
		        },
		      });
		     
		     //信誉
		     $("#xinyu").select({
		        title: "请选择信誉",
		        items: ["2星", "3星","4星","5星","1钻","2钻","3钻","4钻","5钻","皇冠及以上"],
		        onChange: function(d) {
		          console.log(this, d);
		        },
		        onClose: function() {
		          console.log("close");
		        },
		        onOpen: function() {
		          console.log("open");
		        },
		      });
		      
		      //淘气值
		     $("#taoqizhi").select({
		        title: "请选择淘气值",
		        items: ["1000以下", "1000-1500","1500-2000","2000以上"],
		        onChange: function(d) {
		          console.log(this, d);
		        },
		        onClose: function() {
		          console.log("close");
		        },
		        onOpen: function() {
		          console.log("open");
		        },
		      });
		      
		      //购物类目
		    
		      $("#gouwuleimu").select({
		        title: "请选择经常购买的3-5个购物类目",
		        multi: true,
		        min: 3,
		        max: 5,
		        items: [
		          {
		            title: "服装鞋包",
		            value: 1,
		            description: "额外的数据1"
		          },
		          {
		            title: "手机数码",
		            value: 2,
		            description: "额外的数据2"
		          },
		          {
		            title: "家用电器",
		            value: 3,
		            description: "额外的数据3"
		          },
		          {
		            title: "美装饰品",
		            value: 4,
		            description: "额外的数据4"
		          },
		          {
		            title: "母婴用品",
		            value: 5,
		            description: "额外的数据5"
		          },
		          {
		            title: "家居建材",
		            value: 6,
		            description: "额外的数据6"
		          },
		          {
		            title: "百货食品",
		            value: 7,
		            description: "额外的数据7"
		          },
		          {
		            title: "运动户外",
		            value: 8,
		            description: "额外的数据8"
		          },
		          {
		            title: "文化娱乐",
		            value: 9,
		            description: "额外的数据9"
		          },
		          {
		            title: "生活服务",
		            value: 10,
		            description: "额外的数据10"
		          },
		          {
		            title: "汽摩配件",
		            value: 11,
		            description: "额外的数据11"
		          },
		          {
		            title: "游戏话费",
		            value: 12,
		            description: "额外的数据12"
		          },
		        ],
		        onChange: function(d) {
		          console.log(this, d);
		        },
		        onClose: function (d) {
		          console.log('close')
		        }
		      });
		</script>
		
		
		
	</body>
</html>